<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- saved from url=(0047) -->
<html>
	<head>
	  <meta charset="utf-8" />
	  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame 
	   Remove this if you use the .htaccess -->
	  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    	
        <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>

        <link rel="stylesheet" href="css/jquery.mobile-1.4.2.min.css" />
        <script src="js/jquery-2.0.3.min.js"></script>
        <script src="jquery/jquery.mobile-1.4.2.min.js"></script>
        <script src="js/geolocation.js" type="text/javascript"></script>
        <script src="js/index.js"></script>
        <script src="js/panel.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <title>Performance App</title>
	
	  <meta name="viewport" content="width=device-width; initial-scale=1.0" />
	</head>
<body>
  <div data-role="page" data-theme="a" id="mainpage">
            
            <div data-role="header">
            <a href="#slideinfib"  data-role="button" data-icon="bars" data-iconpos="notext" data-theme="a"
                    data-position="fixed">Bars</a>

            <h3>Fibonacci Test</h3>
            </div>

            
            <div data-role="content" data-theme"a">
                
                <button onclick="showPopup()">Start</button>
                Fibonacci Iterations for fib(1000):
                <input type="text" id="fibo" />
                <div id="fib1">Fib 1:</div>
                <div id="fib2">Fib 2:</div>
                <div id="fib3">Fib 3:</div>
                <div id="fib4">Fib 4:</div>
            </div>
            
            <div id="slideinfib" data-role="panel">
            <a href="#" data-role="button" data-theme"a" onclick="closeFibonacciPanel()">Fibonacci Test</a>
            <a href="#fakultat" data-role="button" data-theme"a">Factorial Test</a>
            <a href="#geolocation" data-role="button" data-theme"a" >Geolocation Test</a>
            <a href="#acceleration" data-role="button" data-theme"a">Acceleration Test</a>
            <a href="#camera" data-role="button" data-theme"a">Camera Test</a>
            <a href="#notification" data-role="button" data-theme"a">Notification Test</a>
            </div>
            
        </div>
        <!-- end of mainpage -->
        
        <div data-role="page" data-theme="a" id="fakultat">
            <div data-role="header">
                <a href="#slideinfac"  data-role="button" data-icon="bars" data-iconpos="notext" data-theme="a"
                    data-position="fixed">Bars</a>
                
                <h3>Factorial Test</h3>
            </div>

            
            
            <div data-role="content" data-theme"a">
                
                <button onclick="calcFac()">Start</button>
                Factoral Iterations for Fac(100):
                <input type="text" id="fac" />
                <div id="fac1">Factorial 1:</div>
                <div id="fac2">Factorial 2:</div>
            </div>
            
            <div id="slideinfac" data-role="panel">
                <a href="#mainpage" data-role="button" data-theme"a">Fibonacci Test</a>
                <a href="#" data-role="button" onclick="closeFibonacciFactorial()" data-theme"a">Factorial Test</a>
                <a href="#geolocation" data-role="button" data-theme"a" >Geolocation Test</a>
                <a href="#acceleration" data-role="button" data-theme"a">Acceleration Test</a>
                <a href="#camera" data-role="button" data-theme"a">Camera Test</a>
                <a href="#notification" data-role="button" data-theme"a">Notification Test</a>
            </div>
            
            
        </div>
        <!-- end of mainpage -->
        
        <div data-role="page" data-theme="a" id="geolocation">
            <div data-role="header">
                <a href="#slideingeo"  data-role="button" data-icon="bars" data-iconpos="notext" data-theme="a"
                    data-position="fixed">Bars</a>
                
                <h3>Geolocation Test</h3>
            </div>
            
            <div data-role="content" data-theme"a">
                
                <button onclick="showCurrentPosition()">Get Locations</button>
               Show up the gelocation
                <div id="Latitude">Latitude: </div>
                <div id="Longitude">Longitude:</div>

                <div id="geomap" style="height:300px;width:100%"> </div>
            </div>
            
            <div id="slideingeo" data-role="panel">
                <a href="#mainpage" data-role="button" data-theme"a">Fibonacci Test</a>
                <a href="#fakultat" data-role="button" data-theme"a">Factorial Test</a>
                <a href="#" data-role="button" data-theme"a" onclick="closeFibonacciGeo()">Geolocation Test</a>
                <a href="#acceleration" data-role="button" data-theme"a">Acceleration Test</a>
                <a href="#camera" data-role="button" data-theme"a">Camera Test</a>
                <a href="#notification" data-role="button" data-theme"a">Notification Test</a>
            </div>


        </div>
        <!-- end of mainpage -->
        
        <div data-role="page" data-theme="a" id="acceleration">
            <div data-role="header">
                <a href="#slideinacc"  data-role="button" data-icon="bars" data-iconpos="notext" data-theme="a"
                    data-position="fixed">Bars</a>
                
                <h3>Acceleration Test</h3>
            </div>
            
            <div data-role="content" data-theme"a">
                
                <button onclick="startWatch()">Start Acceleration Watch</button>
                <button onclick="stopWatch()">Stop Acceleration Watch</button>

                Show up the Acceleration
                <div id="XAxis">X-Axis: </div>
                <div id="YAxis">Y-Axis:</div>
                <div id ="ZAxis">Z-Axis:</div>
                <div id="Timestamp">Timestamp:</div>
            </div>
            
            <div id="slideinacc" data-role="panel">
                <a href="#mainpage" data-role="button" data-theme"a">Fibonacci Test</a>
                <a href="#fakultat" data-role="button" data-theme"a">Factorial Test</a>
                <a href="#geolocation" data-role="button" data-theme"a" >Geolocation Test</a>
                <a href="#" data-role="button" data-theme"a" onclick="closeFibonacciAcceleromation()">Acceleration Test</a>
                <a href="#camera" data-role="button" data-theme"a">Camera Test</a>
                <a href="#notification" data-role="button" data-theme"a">Notification Test</a>
            </div>
            
        
        </div>
        <!-- end of mainpage -->
        
        
        <div data-role="page" data-theme="a" id="camera">
            <div data-role="header">
                <a href="#slideincamera"  data-role="button" data-icon="bars" data-iconpos="notext" data-theme="a"
                    data-position="fixed">Bars</a>
                
                <h3>Camera Test</h3>
            </div>
            
            <div data-role="content" data-theme"a">
                
                <button onclick="getPicture()">Take Picture</button>
                
                Show up the taken picture
                <img id="imagetaken" height="400px" src="" />
            </div>
            
                <div id="slideincamera" data-role="panel">
                    <a href="#mainpage" data-role="button" data-theme"a">Fibonacci Test</a>
                    <a href="#fakultat" data-role="button" data-theme"a">Factorial Test</a>
                    <a href="#geolocation" data-role="button" data-theme"a" >Geolocation Test</a>
                    <a href="#acceleration" data-role="button" data-theme"a">Acceleration Test</a>
                    <a href="#" data-role="button" data-theme"a" onclick="closeFibonacciCamera()">Camera Test</a>
                    <a href="#notification" data-role="button" data-theme"a">Notification Test</a>
                </div>
                
        </div>
        <!-- end of mainpage -->
        
        <div data-role="page" data-theme="a" id="notification">
            <div data-role="header">
                <a href="#slideinnoti"  data-role="button" data-icon="bars" data-iconpos="notext" data-theme="a"
                    data-position="fixed">Bars</a>
                
                <h3>Notifications Test</h3>
            </div>
            
            <div data-role="content" data-theme"a">
                
                <button onclick="alertCustom()">Alert</button>
                <button onclick="confirm()">Confirm</button>
                <button onclick="prompt()">Prompt</button>
                <button onclick="beep()">Beep</button>
                <button onclick="vibrate()">Vibrate</button>
                
            </div>
                <div id="slideinnoti" data-role="panel">
                    <a href="#mainpage" data-role="button" data-theme"a">Fibonacci Test</a>
                    <a href="#fakultat" data-role="button" data-theme"a">Factorial Test</a>
                    <a href="#geolocation" data-role="button" data-theme"a" >Geolocation Test</a>
                    <a href="#acceleration" data-role="button" data-theme"a">Acceleration Test</a>
                    <a href="#camera" data-role="button" data-theme"a">Camera Test</a>
                    <a href="#" data-role="button" data-theme"a" onclick="closeFibonacciNotification()">Notification Test</a>
                </div>
                
       
        </div>
        <!-- end of mainpage -->


        
        <script type="text/javascript">
            $(document).ready(function() {
                              $(".open, .impatient").pageslide();
                              });

        </script>

</body>
</html>